<template>
	<view>

		<view class="viewbox auto bgwhite p-top20 m-top20 bor_radius_10" >
			<view class=" color_33 size30 bold p-left20 leftPole p-re">线下预约</view>

			<view class="row p-left20 " v-for="(item,index) in pageData" :key="index">
				
				<view class="row p-right20 m-top20  p-bot20"
				     @click="toUrl('/pages/reserve/formSubmit?ordId='+item.order_id)">
					<image :src="item.wzn_act_img?imgUrl+item.wzn_act_img:''" mode="widthFix"></image>
					<view class="row j-sb a-center f-nowrap m-top30 ">
						<view class="color_33 size36 bold f-gorw1">{{item.order_name}}</view>
						<view class="d-flex j-centert a-center bgcolor nowFrom f-gorw0 f-shrink-0">
							<text class="white h7 m-right4">立即预约</text>
							<view class="iconfont icon-a-zujian32  h7"></view>
						</view>
					</view>
					<view class="row a-center m-top20">
						<view class="iconfont icon-a-zu1883 color_70 h6 m-right10"></view>
						<text class="color_80 h6 m-right10">时间:</text>
						<text class="color_33 h6 bold">{{item.order_date}}</text>
					</view>
					<view class="row a-center m-top20">
						<view class="iconfont icon-a-zu1879 color_70 h6 m-right10"></view>
						<text class="color_80 h6 m-right10">电话:</text>
						<text class="color_33 h6 bold">{{item.order_tel}}</text>
					</view>
					<view class="row a-center m-top20" v-if="item.order_address">
						<view class="iconfont icon-a-zu1418 color_70 h6 m-right10"></view>
						<text class="color_80 h6 m-right10">地址:</text>
						<text class="color_33 h6 bold">{{item.order_address}}</text>
					</view>
				</view>
			</view>
		
			
			
			<!-- <view class="row j-centert a-center p-bot40 p-top50">
				<view class="d-flex a-center j-centert bor_99 p-top12 p-bot12 p-left30 p-right30 bor_radius_30">
					<text class="color_99 h6">查看更多</text>
					<view class="iconfont icon-a-zujian32  color_99 h6"></view>
				</view>
			</view> -->
		</view>

	</view>
</template>

<script>
	export default {
		name: "homeForm",
		props:{
			pageData:{
				type:Array,
				default(){
					return []
				}
			}
		},
		data() {
			return {
				imgUrl:this.imgUrl
			};
		},
		
	}
</script>

<style lang="scss" scoped>
	.nowFrom {
		width: 150rpx;
		height: 50rpx;
		border-radius: 30rpx;
	}
</style>
